<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>话题详情</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <!-- 引入核心样式 -->
    <link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
    <!--当前页面的css-->
    <link href="css/topicDetails.css" rel="stylesheet">
    <!-- 引入核心JS -->
    <script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/index.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>

    <style>
        /* 加载中css */
        .mask {
            width:100%;
            height:100%;
            padding-top:100px;
            background-color:#fafafa;
            left:0;
            /* opacity: 0.5; */
            position: absolute;
            top: 0;
            z-index: 1;
            /* filter: alpha(opacity=50); */
        }
        .loadText {
            font-size: 15px;
            color: #494949;
        }
    </style>
</head>

<body class="topic_son_bg clearfix">
    <div id="app" class="assoDetails" v-if="pageShow">

        <div class="mask" v-if="onLoading">
            <div class="weui-loadmore">
                <img class="loadIcon" src="http://appimg.yinsoso.com/loading.gif" alt="">
                <span class="weui-loadmore__tips loadText">请稍等，小搜正在努力赶来…</span>
            </div>
        </div>
        
        <div class="ts_TxtImg">
            <div class="banner">
                <img :src="listTab.head_img" />
            </div>
            <div class="ts_txt">
                <div style="font-size: 35px; text-align: center;">{{listTab.title}}12</div>
                <p  v-html="listTab.content">
                </p>
                <div class="signature clearfix">
                    <div class="sig-left">
                        <p>发布人：{{listTab.author}} </p>
                        <p>发布时间：{{listTab.create_time}}</p>
                        <p>来自：印刷搜搜</p>
                    </div>
                    <div class="sig-right">
                        浏览数：{{listTab.read_num}}
                    </div>
                </div>
            </div>
        </div>
        <div class="ts-comment">
            <p>发表您的评论~</p>
            <textarea placeholder="评论300字以内" maxlength="300" v-model="sendContent"></textarea>
            <div class="comment-btn">
                <a href="javascript:void(0);" @click="postSubmit()">提交</a>
            </div>
        </div>
        <div class="audience_bg clearfix">
            <div class="audience-title">
                <span>{{commentList.total}}条评论</span>
            </div>
            <div class="line"></div>
            <ul class="audience-ul">
                <div class="weui-loadmore weui-loadmore_line" v-if="commentList.list==''">
                    <span class="weui-loadmore__tips">暂无数据</span>
                </div>
                <li v-for="item in commentList.list" v-if="commentList.list">
                    <div class="aud-title">
                        <div class="aud-title-left">
                            <div class="pic">
                                <img :src="item.logo" />
                            </div>
                            <div class="txt">
                                <p class="name">{{item.nick_name}}</p>
                                <p class="time">{{item.create_date}}</p>
                            </div>
                        </div>
                        <div class="aud-title-right" v-if="item.state==0">
                            <a href="###">等待审核</a>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="aud-main">
                        <p>
                            {{item.content}}
                        </p>
                    </div>
                </li>
                <div class="weui-loadmore" v-if="!hideing">
                    <i class="weui-loading"></i>
                    <span class="weui-loadmore__tips">{{moreName[0]}}</span>
                </div>

            </ul>
        </div>
    </div>

    <script src="js/toppicDetails.js?v=2018"></script>
</body>

</html>